{% extends "base.html" %}

{% block header %}
<script language="javascript" type="text/javascript" src="/js/prototype-1.6.0.3.js"></script>
<script language="javascript" type="text/javascript" src="/js/calendar.js"></script>
<script language="javascript" type="text/javascript" src="/js/util.js"></script>
<meta name="verify-v1" content="1N0tbQukousTCzcT1ygxPEyy/8FdIxe6bDZvxXWwPl4=" />
{% endblock header %}

{% block content %}
<blockquote>
<h3>1 汉字工具</h3>
<div>
<h5>1). 汉字Unicode</h5>
    <form name="unicodev" id="unicodev">
      <div>查询<input type="input" maxlength=32 size=32 name="query"></div>
      <div>结果<input type="input" maxlength=128 size=64 name="result" readonly="true"></div>
      <div><input type="submit" value="查询" onclick="return UnicodeValue('unicodev');">
      	   <input type="reset" value="清除">
      </div>
    </form>
</div>

<div>
<h5>2). 汉字 URL 编码解码</h5>
    <form name="urlendec" id="urlendec">
      <div>查询<input type="input" maxlength=64 size=32 name="query"></div>
      <div>结果<input type="input" maxlength=128 size=128 name="result" readonly="true"></div>
      <div>
       	<input type="radio" name="op" value="encode" checked> Encode
      	<input type="radio" name="op" value="decode"> Decode
      </div>
      <div>
      	<input type="radio" name="coding" value="utf8" checked> UTF-8
      	<input type="radio" name="coding" value="gbk"> GBK
      </div>
      <div><input type="submit" value="查询" onclick="return URLEndec('urlendec');">
      		<input type="reset" value="清除">
      </div>
    </form>
</div>

<div>
<h5>3). 汉字拼音查询</h5>
    <form name="pinyin" id="pinyin">
    <table>
    <tr><td>
      <div>汉字<input type="input" size=32  name="c"></div>
    </td>
    <td>
    <div id="pinyinresult" name="pinyinresult">
    </div>
    </td></tr>
    </table>
      <input type="submit" value="查询" onclick="return Pinyin('pinyin','pinyinresult');">
      <input type="reset" value="清除" onclick="clearDiv('pinyinresult');">
    </form>
</div>

<h3>2 HTML工具</h3>
<table>
<tr><td width="360">
<div>
<h5>1). 实体字符to汉字查询</h5>
    <form name="htmlentry" id="htmlentry">
    <table>
    <tr><td>Entries</td><td>汉字</td></tr>
    <tr><td>
      <INPUT style="WIDTH: 180px" name="query">
    </td>
    <td>
    <div id="entryv"></div>
    </td></tr>
    </table>
      <div><input type="submit" value="查询" onclick="htmlValue('htmlentry','entryv');return false;">
      		<input type="reset" value="清除" onclick="clearDiv('entryv');">
      </div>
    </form>
</div>
</td><td width="360">
<div>
<h5>2). 汉字to实体字符查询</h5>
    <form name="htmlcharc" id="htmlcharc">
    <table>
    <tr><td>汉字</td><td>Entries</td></tr>
    <tr><td>
      <INPUT style="WIDTH: 180px" name="query">
    </td>
    <td>
    <div id="charc"></div>
    </td></tr>
    </table>
      <div><input type="submit" value="查询" onclick="getEntry('htmlcharc','charc');return false;">
      		<input type="reset" value="清除" onclick="clearDiv('charc');">
      </div>
    </form>
</div>
</td><td width="360">
<div>
<h5>3). 颜色查询</h5>
    <form name="color" id="color">
    <table>
    <tr><td>颜色值</td><td>颜色</td></tr>
    <tr><td>
      <INPUT size=12 maxlength=7 name="query" value="#">
    </td>
    <td>
    <div id="colordiv"></div>
    </td></tr>
    </table>
      <div><input type="submit" value="查询" onclick="htmlColor('color','colordiv');return false;">
      		<input type="reset" value="清除" onclick="clearDiv('colordiv');">
      </div>
    </form>
</div>
</td></tr>
</table>

<h3>3 时间日期工具</h3>

<div>
<h5>1). 时间间隔查询</h5>
    <form name="timediff" id="timediff">
    <table>
    <tr><td>
      <div>开始时间<INPUT id=fromDay style="WIDTH: 180px" onclick="new Calendar('1980', '2010', 1,'yyyy-MM-dd').show(this);" readOnly size=10 name=fromDay></div>
      <div>结束时间<INPUT id=toDay style="WIDTH: 180px" onclick="new Calendar('1980', '2010', 1,'yyyy-MM-dd').show(this);" readOnly size=10 name=toDay></div>
    </td>
    <td>
    <div id="timeresult" name="timeresult">
    </div>
    </td></tr>
    </table>
      <div><input type="submit" value="查询" onclick="TimeDiff('timediff','timeresult');return false;">
      		<input type="reset" value="清除" onclick="clearDiv('timeresult');">
      </div>
    </form>
</div>

<h3>4 Base64编码解码</h3>
<div>
    <form name="base64endec" id="base64endec">
      <div>查询<input type="input" maxlength=1024 size=32 name="query"></div>
      <div>结果<input type="input" maxlength=1024 size=128 name="result" readonly="true"></div>
      <div>
       	<input type="radio" name="op" value="encode" checked> Encode
      	<input type="radio" name="op" value="decode"> Decode
      </div>
      <div><input type="submit" value="查询" onclick="return Base64Endec('base64endec');">
      		<input type="reset" value="清除">
      </div>
    </form>
</div>
    

<h3>5 中国部分地区经纬度查询</h3>
<div>
    <form name="latlng" id="latlng">
    <table>
    <tr><td>省份</td><td>城市</td><td>经纬度</td></tr>
    <tr>
    <td>
	    <select id="province" name="province" onchange="clearDiv('latlngresult');setCity('latlng','city');">
	    {% for p in province%}
	    	<option value="{{p}}">{{p}}</option>
	    {% endfor %}
	    </select>
    </td>
    <td>
    	<select id="city" name="city">
	    </select>
    </td>
    <td>
    	<div id="latlngresult"></div>
    </td>
    </tr>
    </table>
<div><input type="submit" value="查询" onclick="getLatLng('latlng','latlngresult');return false;">
<input type="reset" value="清除" onclick="clearDiv('latlngresult');">
</div>
    </form>
</div>

<h3>6 其它工具</h3>
<div class="nav">
<ol>
<li><a href="/imageservice/">Image Service</a></li>
<li><a href="/highlighter">Blog 代码高亮工具</a></li>
<li><a href="/map">Google Map应用</a></li>
<li><a href="/api/getczip/{{yourip}}">纯真IP API</a>&nbsp;<a href="/api/getloc/{{yourip}}">GeoIP API</a></li>
<li><a href="/dict">字典</a></li>
<li><a href="/jslint/jslint.html">jslint</a></li>
<li><a href="/calender">万年历</a></li>
<li><a href="/logo">Google Logo</a></li>
<li><a href="/misc/links">其它工具链接</a></li>
</ol>
</div>

</blockquote>
{% endblock content %}

